import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App.jsx'
import './index.css'
import {QueryClient, QueryClientProvider} from "react-query";

/**
 * refetchOnWindowFocus：如果用户离开应用程序并返回到旧数据，则自动在后台请求新数据。
 * refetchOnmount: if true，如果数据过时，则在挂载时重新获取。
 * refetchOnReconnect：如果true，如果数据过时，则在重新连接时重新获取。
 * retry：如果true，失败的查询将无限重试。
 * staleTime：数据被视为过时后的时间（以毫秒为单位）。默认为0.
 * @type {QueryClient}
 */
const queryClient = new QueryClient({
    defaultOptions: {
        queries: {
            refetchOnWindowFocus: false,
            refetchOnmount: false,
            refetchOnReconnect: false,
            retry: false,
            staleTime: 5 * 60 * 1000,
        },
    },
});

ReactDOM.createRoot(document.getElementById('root')).render(
    <React.StrictMode>
        <QueryClientProvider client={queryClient}>
            <App/>
        </QueryClientProvider>
    </React.StrictMode>,
)
